// pages/workdetails/index.js
const app = getApp() // 引入app
const _request = require("../../utils/request.js"); // 引入require
Page({

  /**
   * 页面的初始数据
   */
  data: {
    indicatorDots: false,
    vertical: false,
    autoplay: false,
    interval: 2000,
    duration: 500,
    detailObj: null,
    list: [],
    show: false,
    swiperCurrent: 1,
    imgUrl: app.globalData.imgUrl, //全局img路径
    exhiblist: [],
    lastId: '',
    bool: '',
    hairObj: null,
  },

  //点击评论图片进行预览，长按保存分享图片
  previewImg(e) {
    let list = this.data.detailObj.imgs.map(item=>{
      return item.path
    })
    wx.previewImage({
      current: e.currentTarget.dataset.item, // 当前显示图片的http链接
      urls: list // 需要预览的图片http链接列表
    })
  },

  // 轮播事件
  bindchange(e) {
    const {
      current
    } = e.detail
    this.setData({
      swiperCurrent: current + 1
    })
  },
  
  // 查看作品详情
  onDetail(e) {
    const {
      item
    } = e.currentTarget.dataset
    // let obj = JSON.stringify(item)
    wx.navigateTo({
      url: '/pages/workdetails/index?id=' + item.opusId,
    })
  },


  // 点击展示弹窗
  onAll() {
    this.setData({
      show: true
    })
  },

  // 点击关闭弹窗
  onClose() {
    this.setData({
      show: false
    })
  },

  // 美发师收藏
  // onLoveHair(e) {
  //   const {
  //     stylistid
  //   } = e.currentTarget.dataset
  //   console.log(e, 'e');
  //   _request.postObj('/index/stylistCollection', {
  //     userId: wx.getStorageSync('userid'),
  //     stylistId: stylistid,
  //     type: this.data.bool ? '0' : '1'
  //   }).then((res) => {
  //     this.getstylistCard(stylistid)
  //     wx.showToast({
  //       title: this.data.bool ? '收藏成功' : '取消收藏',
  //       icon: 'none',
  //       duration: 1000
  //     })
  //   }).catch((error) => {
  //     console.log(error, 'error');
  //   })
  // },

  // 美发师获取作品
  getScreenDynamicState() {
    let data = {
      featureId: 0,
      hairstyleId: 0,
      lastId: 0,
      stylistId: this.data.detailObj.stylistId,
      userId: wx.getStorageSync('userid'),
    }
    _request.postObj('/dynamicState/getScreenDynamicState', {
      ...data
    }).then((res) => {
      if (res.data.data.length > 0 && res.data.data != undefined) {
        this.setData({
          exhiblist: res.data.data.filter(item=>{
            return item.opusId != this.data.detailObj.opusId
          }),
          lastId: res.data.data[res.data.data.length - 1].opusId
        })
      }
    }).catch((error) => {
      console.log(error, 'error');
    })
  },

  // 点击收藏
  onLove(e) {
    const {
      opusid,
      iscollection
    } = e.currentTarget.dataset
    _request.postObj('/storeStylist/oupsCollection', {
      opusId: opusid,
      userId: wx.getStorageSync('userid'),
      type: iscollection ? 0 : 1
    }).then((res) => {
      this.setData({
        exhiblist: this.data.exhiblist.map((item => {
          if (item.opusId === opusid) {
            return {
              ...item,
              "isCollection": !iscollection,
              "isAdd": !iscollection
            }
          }
          return item
        }))
      })
      wx.showToast({
        title: iscollection ? '取消收藏' : '收藏成功',
        icon: 'none',
        duration: 1000
      })
    }).catch((error) => {
      console.log(error, 'error');
    })
  },

  // 详情收藏
  onLoveone(e) {
    const {
      opusid,
      iscollection,
      collection
    } = e.currentTarget.dataset
    _request.postObj('/storeStylist/oupsCollection', {
      opusId: opusid,
      userId: wx.getStorageSync('userid'),
      type: iscollection ? 0 : 1
    }).then((res) => {
      let num = iscollection ?  collection - 1: collection + 1
      this.setData({
        detailObj:{...this.data.detailObj,"isCollection": !iscollection,'collection': num}
      })
      wx.showToast({
        title: iscollection ? '取消收藏' : '收藏成功',
        icon: 'none',
        duration: 1000
      })
    }).catch((error) => {
      console.log(error, 'error');
    })
  },

  // 发型师详情
  getstylistCard(id) {
    _request.postObj('/storeStylist/card', {
      stylistId: id,
      userId: wx.getStorageSync('userid'),
      nexus: 1,
      storeId: wx.getStorageSync('storeId')
    }).then((res) => {
      res.data.data.newcollectionNumer = res.data.data.collectionNumer / 10000
      this.setData({
        hairObj: res.data.data,
        bool: res.data.data.isCollection
      })
    }).catch((error) => {
      console.log(error, 'error');
    })
  },

  // 前往发型师详情
  toHairstylistdetails(e) {
    const {
      item
    } = e.currentTarget.dataset
    console.log(item);
    let obj = JSON.stringify(item)
    wx.navigateTo({
      url: '/pages/hairstylistdetails/index?hair=' + encodeURIComponent(obj),
    })
  },

  // 获取美发师作品详情
  getDynamicStateDetail(id) {
    _request.postObj('/dynamicState/getDynamicStateDetail', {
      opusId: id,
      userId: wx.getStorageSync('userid'),
    }).then(res => {
      console.log(res);
      res.data.data.newcollection = res.data.data.collection / 10000
      this.setData({
        detailObj: res.data.data
      }, () => {
        this.getstylistCard(this.data.detailObj.stylistId)
      })
      // 发型师作品
      this.getScreenDynamicState()
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getDynamicStateDetail(options.id)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function (res) {
    console.log('转发');
    let userid = wx.getStorageSync('userid');
    const {
      detailObj
    } = this.data
    // 设置菜单中的转发按钮触发转发事件时的转发内容
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res, 'res');
    }
    let title = detailObj.nickname + '美发师发了一条超赞的动态,快点来看！'
    return {
      title: title, // 默认是小程序的名称 path: "/pages/Home/Index/Index?id=" + lastId + "&type=" + type + "&is_share=1&index=0&template=2"
      path: 'pages/workdetails/index?id=' + detailObj.opusId + "&type=" + detailObj.type + "&is_share=1&index=0&template=2",
      success: function (res) {
        console.log('成功', res)
      }
    }
  }
})